﻿<!DOCTYPE HTML>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>MooTools Demos - Slider</title>
	<link type="text/css" rel="Stylesheet" href="slider.css" />
</head>
<body>

<div id="slider" class="slider">
	<div class="knob"></div>
</div>
<div id="fontSize">Change the value, to change the fontsize.</div>

<p>With the Slider it is damn easy to create stuff like an RGB-Color Selector which actually looks good.</p>

<div id="red" class="advanced slider">
	<div class="knob"></div>
</div>
<div id="green" class="advanced slider">
	<div class="knob"></div>
</div>
<div id="blue" class="advanced slider">
	<div class="knob"></div>
</div>

<p>Selected color: <span id="setColor"></span></p>

	<script type="text/javascript" charset="utf-8" src="../../../src/loader.js"></script>
	<script type="text/javascript">		HmJS.$JSManager.$basepath = '../../../src/';</script>
	<script type="text/javascript" charset="utf-8" src="../../../src/demo/action/moo/plugins/slider.js"></script>
</body>
</html>
